<template>
  <div>
    <div class="item">
      <div class="title">
        <h3>门店数据概览</h3>
      </div>

      <div class="content conCard">
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
        <div>
          <label>今日佣金（元)</label>
          <p>129</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>
.item {
  padding: 20px 15px;
  .title {
    h3 {
      color: #333;
      font-size: 16px;
      font-weight: 700;
      margin: 10px 0;
    }
  }
  .content {
    background: #fff;
    border-radius: 4px;
  }
  .conCard {
    background: #2381f1;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 15px 0;
    > div {
      width: 33%;
      margin-bottom: 15px;
      label {
        font-size: 12px;
        color: #afd4ff;
      }
      p {
        color: #fff;
        font-size: 20px;
        margin-top: 8px;
      }
    }
  }
}
</style>
